{% extends "base.html" %}

{% block content %}

    <style type="text/css">
        body {
            text-align: center;
        }
    </style>


    <div class="row fluid">
        <div class="span5 offset2">

            <div class="modal-body" style="margin-left: 50px;">
                <form id="registration_form" class="form-horizontal" action="/account/register/" method="post">
                    <div class="control-group">
                        <label class="control-label" for="id_username">Username</label>

                        <div class="controls">
                            <input type="text" id="id_username" name="username">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="id_email">Email</label>

                        <div class="controls">
                            <input type="text" id="id_email" name="email">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="id_password1">Password</label>

                        <div class="controls">
                            <input type="password" id="id_password1" name="password1">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="id_password2">Retype Password</label>

                        <div class="controls">
                            <input type="password" id="id_password2" name="password2">
                        </div>
                    </div>
                    <div class="control-group">
                        <div class="controls">
                            <button style="margin-left: 25px;" class="btn btn-danger">Sign-up</button>
                            <a href="#" rel="popover" title="How to register?" data-content="
                        1. on the right side of the main page, type in username, email and password.
                        2. click free sign-up button below.
                        3. after successful sign up, a activation e-mail will be send.
                        4. click on the link to active your account. "><i class="icon-question-sign"></i></a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

{% endblock %}